@import "partials/mixins";
#footer {
	height: ptr(100px);
	background: $defult;
	color: $font-color2;
	.item.active {
		color: #4DC4C5;
	}
	.nav-icon {
		margin-bottom: ptr(5px);
		display: inline-block;
		text-align: center;
		height: ptr(42px);
		&.icon-home {
			width: ptr(100px);
			height: ptr(50px);
			$img: "~img/home.png";
			@include iconImg($img, center, center, ptr(46px) ptr(42px) !important);
			&.active {
				$img: "~img/home-on.png";
				@include iconImg($img, center, center, ptr(46px) ptr(42px) !important);
			}
		}
		&.icon-find {
			width: ptr(100px);
			height: ptr(50px);
			$img: "~img/find.png";
			@include iconImg($img, center, center, ptr(54px) ptr(38px) !important);
			&.active {
				$img: "~img/find-on.png";
				@include iconImg($img, center, center, ptr(54px) ptr(38px) !important);
			}
		}
		&.icon-set {
			height: ptr(50px);
			width: ptr(100px);
			$img: "~img/set.png";
			@include iconImg($img, center, center, ptr(37px) ptr(45px) !important);
			&.active {
				$img: "~img/set-on.png";
				@include iconImg($img, center, center, ptr(37px) ptr(45px) !important);
			}
		}
		&.icon-my {
			height: ptr(50px);
			width: ptr(100px);
			$img: "~img/my.png";
			@include iconImg($img, center, center, ptr(39px) ptr(44px) !important);
			&.active {
				$img: "~img/my-on.png";
				@include iconImg($img, center, center, ptr(39px) ptr(44px) !important);
			}
		}
	}
	.text {
		font-size: ptr(24px);
	}
}
